<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>注册</title>
	<link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/materialize.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<style>
</style>
<script>
	$(document).ready(function(){
		$.get("bing.php",function(data){
			$("body").css("background-image","url("+data+")");
		});
	});
</script>
<script src="js/nav.js" type="text/javascript" ></script>
<script src="js/re.js" type="text/javascript" ></script>
</head>
<body>
	<div>
		<div   style="height: 64px;background-color: #333333;">
			<div style="float:left;cursor:pointer;">
				<h4 style="color: white;line-height:60px;margin-top:5%;">Tan90</h4>
			</div>
			<div id="friends" style="background-color: #333333;height: 64px;width: 87px;float:right;cursor:pointer;border-radius:8px;">
				<div style="text-align:center;">
					<p style="color: white;line-height:60px;margin-top:5%;">友情链接</p>
				</div>
			</div >
				<div id="blog" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
				<div style="text-align:center;">
					<p style="color: white;line-height:60px;margin-top:0%;">博客</p>
				</div>
			</div >
			<div id="re" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
				<div style="text-align:center;">
					<p style="color: white;line-height:60px;margin-top:5%;">注册</p>
				</div>
			</div >
			<div id="login" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
				<div style="text-align:center;">
					<p style="color: white;line-height:60px;margin-top:5%;">登陆</p>
				</div>
			</div >
			<div id="index" style="background-color: #333333;height: 64px;width: 58px;float:right;cursor:pointer;border-radius:8px;">
				<div style="text-align:center;">
					<p style="color: white;line-height:60px;margin-top:5%;" >主页</p>
				</div>
			</div>
		</div>
		<div>
			<form action="re.php" method="post" id="come">
				<div class="center-align" >
					<h5  style="color:white" >注册tan90账号</h5>
				</div>
				<br>
				<br>
				<div class="row" id ="zong" style="width:500px;background:white;border-radius:10px;margin:20px auto;opacity: 0.92;" >
					<div class="row" style="width:400px;" >
						<br>
						<br>
						<div class="row">
							<div class="input-field col s12">
								<input id="user" name="userr" type="text" class="validate">
								<label for="user">用户名</label>
								<p id ="zhuce" style="color: red;display:none;">此账号已被注册<p>
								<p id ="zhucezhang" style="color: red;display:none;">您还未输入账号<p>
								</div>
							</div>
							<div class="row">
								<div class="input-field col s12">
									<input id="password1" name = "password" type="password" class="validate">
									<label for="password1">密码</label>
								</div>
							</div>
							<div class="row">
								<div class="input-field col s12">
									<input id="password2" type="password" class="validate">
									<label for="password2">重复密码</label>
									<p id = "second" style="color: red;display:none;">两次输入的密码不同</p>
									<p id = "meiyou" style="color: red;display:none;">您还未输入密码</p>
								</div>
							</div>
							<div class="row">
								<div class="input-field col s12">
									<input id="email" name="email" type="email" class="validate">
									<label for="email">电子邮箱</label>
									<p id ="reemail" style="color: red;display:none;">邮箱格式错误<p>
									<p id ="mei" style="color: red;display:none;">请输入您的邮箱<p>
									</div>
								</div>
								<div style="position: relative;left: 10px;" id="fuxuan">
									<input type="checkbox" class="filled-in" id="filled-in-box"/>
									<label for="filled-in-box">我已仔细阅读并接受<a href="#">tan90用户服务条款</a></label>
									<p id ="xuanze" style="color: red;display:none;">请您打上勾<p>
								</div>
								<div class="center-align" style="margin-top:20px;">
									<a class="waves-effect waves-light btn" id = "button" style="width:220px">注册</a>
								</div>
							</div>
						</div>
					</form>
				</body>
				</html>